<form class='box'>
    <!-- 手机号 -->
    <div class='tel'>
        <div class='index'>手机号</div>
        <input type="text" name="phone" (blur)="vertel($event)" placeholder="请输入手机号" #tel/>
    </div>
    <!-- 手机号错误显示 -->
    <p>{{telWrong}}</p>
    <!-- 验证码输入框 -->
    <div class='code'>
        <div class='verCode'>
            <div class='index'>验证码</div>
            <input type="text" class='verInput' name="verification" aria-placeholder="请输入验证码" (blur)="getInputCode($event)" placeholder="请输入验证码">
        </div>
        <!-- 获取验证码按钮 -->
        <!-- 灰色按钮 -->
        <button class='canot getCode' (click)="getCode($event)" [disabled]=getclick *ngIf="!canGet">{{get}}</button>
        <!-- 正常按钮 -->
        <button class='getCode' (click)="getCode($event)" [disabled]=getclick *ngIf="canGet">{{get}}</button>
    </div>
    <!-- 验证码错误显示 -->
    <p>{{codeWrong}}</p>
    <button id='register' (click)="register()">立即绑定</button>
    <!-- 显示验证码已发送 -->
    <div id='hadPost' *ngIf="hadPost">验证码已发送到您的手机，请注意查收</div>
    <div id='hadPost' *ngIf="allRight">绑定成功，正在跳转，请稍后。。。</div>
</form>
